<template>
  <div>
    <a-table
      :columns="columns"
      :data-source="dataSource"
      :row-class-name="
        (_record: any, index: number) =>
          index % 2 === 1 ? 'table-striped' : null
      "
      :pagination="false"
      bordered
      :scroll="{ x: 3000, y: 300 }"
    >
    </a-table>
  </div>
</template>
<script setup lang="ts">
import { reactive, ref, h } from 'vue';
const dataSource = ref([
  {
    index: 1,
    villageName: '测试小区',
    villageAddress: '测试地址',
  },
]);
const columns = [
  {
    title: '序号',
    dataIndex: 'index',
    key: 'index',
    align: 'center',
    width: 80,
    fixed: 'left',
  },
  {
    title: '小区名称',
    dataIndex: 'villageName',
    key: 'villageName',
    align: 'center',
    width: 120,
  },
  {
    title: '用户地址',
    dataIndex: 'villageAddress',
    key: 'villageAddress',
    align: 'center',
    width: 150,
  },
  {
    title: '用户姓名',
    dataIndex: '',
    key: '',
    align: 'center',
    width: 100,
  },
  {
    title: '热力卡号',
    dataIndex: '',
    key: '',
    align: 'center',
    width: 120,
  },
  {
    title: '供热合同',
    dataIndex: '',
    key: '',
    align: 'center',
    width: 100,
  },
  {
    title: '停供协议',
    dataIndex: '',
    key: '',
    align: 'center',
    width: 100,
  },
  {
    title: '证件正面',
    dataIndex: '',
    key: '',
    align: 'center',
    width: 100,
  },
  {
    title: '证件反面',
    dataIndex: '',
    key: '',
    align: 'center',
    width: 100,
  },
  {
    title: '房产证明',
    dataIndex: '',
    key: '',
    align: 'center',
    width: 120,
  },
  {
    title: '其他',
    dataIndex: '',
    key: '',
    align: 'center',
    width: 120,
  },
];
</script>
<style scoped></style>
